<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>在JavaScript中使用id属性</title>
</head>
<body>

<h1>在 JavaScript 中使用 id 属性</h1>

<p>JavaScript 可以使用 getElementById() 方法访问具有指定 ID 的元素：</p>

<h2 id="myHeader">Hello World!</h2>

<button onclick="displayResult()">改变文本</button>

<script>
    function displayResult(){
        document.getElementById("myHeader").innerHTML = "Have a nice day!";
    }
</script>

</body>
</html>